<template>
      <div>
             <!-- aaaaaaaaaaaaaaa -->
             <!-- <clickVue @saveSave="demoClickFm" @saveSavOne="demoOneFm"></clickVue> -->
              <input placeholder=""  v-model="cityName" />
               <input placeholder=""  v-model="cityNameOne" />
             <div>{{foleName}}</div>
      </div>
</template>
<script>
import clickVue from "./components/clickVueDemo.vue"
export default {
  components:{clickVue},
  data() {
    return {
          dataData:[
               
          ],
           cityName:"",
           cityNameOne:"",
           
    };
  },
  watch:{
      cityName(newValuye,oldValue){
        console.log('11111111111111')
         console.log(newValuye)
      },
      cityNameOne(newValuye,oldValue){
        console.log('222222222')
         console.log(newValuye)
      },

  },
  computed:{
       foleName(){
          console.log('3333333333333')
         return  this.cityName+this.cityNameOne
       }

  },
  created(){
        console.log('aaaaaaaaa')
  },

  // activated(){
  //       console.log('/////////aaaaaaaa')
  // },
  methods: {
        demoClickFm(data){
          console.log(data)
        },
        demoOneFm(data){
           console.log(data)
        }
        
  
  },
};
</script>